/***************公共样式*****************/

/* @font-face {
    font-family: 'myPingFangSC';
    src: url('/fonts/方正兰亭中黑简体.ttf');
} */

* {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  /*禁用系统默认菜单*/
  -webkit-overflow-scrolling: touch;
  /*属性控制元素在移动设备上是否使用滚动回弹效果：
    auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
    touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文*/
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  /*这个属性只用于iOS (iPhone和iPad)。*/
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
  /*font-weight: 200;*/
  /*文本粗细*/
  list-style: none;
  user-select: none;
  -webkit-user-select: none;
  /*-webkit-user-select: none;——谷歌浏览器或谷歌移动平台上访问网页不能复制*/
  box-sizing: border-box;
  /*指定计算方式 (width=border+padding)*/
  /* font-family: 'Microsoft YaHei'; */
}

// input {
//   -webkit-user-select: text;
//   /*-webkit-user-select: text;——谷歌浏览器或谷歌移动平台上访问网页可以选中并可以复制*/
// }

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /* font-family: 'Microsoft YaHei'; */
}

/* .bg,
.content {
    /* width: 750px;
    height: 1285px;
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%; */

/*如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
} */

a {
  text-decoration: none;
}

.w_100 {
  width: 100%;
}

.h_100 {
  height: 100%;
}

.img_100b {
  width: 100%;
  display: block;
}

.h-center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.v-center {
  top: 0;
  bottom: 0;
  margin: auto;
}

.hide {
  display: none;
}

.hidi {
  display: block;
}

.abs {
  position: absolute;
}

.abr {
  position: relative;
}

.abf {
  position: fixed;
}

.fx {
  display: flex;
  align-items: center;
}

.Alert {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}

.AlertF {
  width: 100%;
  height: 100%;
  flex-flow: column;
  justify-content: center;
}

/*总体宽度*/
html::-webkit-scrollbar {
  display: none;
}

.DTIT {
  width: 79%;
  top: 0;
  z-index: 9;
}

.DTITC {
  width: 30%;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1.9rem;
  z-index: 9;
}

.CUSR {
  cursor: pointer;
}
/*************************公共样式完****************************/

/*****************************index主页*****************************/

.Index {
  width: 100%;
  /* height: 100%; */
  padding: 6% 3% 0%;
  align-items: flex-start;
  justify-content: space-between;
  background: url('@/assets/images/BG0.png') no-repeat top;
  background-size: 100% 100%;
  overflow: hidden;
}

.Ino {
  // width: 17.2%;
  width: 19.5%;
  /* height: 100%; */
  padding: 0 0.5% 0.5%;
  background: rgba(28, 82, 133, 0.2);
  border: 1px solid #3196ca;
  // height: 740px;
}
.box {
  width: 100%;
  position: relative;
  .box1 {
    width: 270px;
    // height: 132px;
  }
  .box2 {
    width: 270px;
    height: 132px;
  }
  .box3 {
    height: 132px;
    width: 270px;
  }
}
.BTC {
  /* width: 95%; */
  justify-content: center;
  margin: -1.15vw auto -0.6vw;
}

.BTC > img {
  display: block;
  width: 320px;
}

.BTCC {
  width: 100%;
  top: 0.6vw;
  text-align: center;
  // border: 1px red solid;
  /* color: rgba(144, 220, 252, 1); */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1.3rem;
}

.BIT {
  width: 100%;
  margin-bottom: 0.5vw;
  justify-content: space-between;
}

.BITL {
  width: 100%;
  padding: 3px 8px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1rem;
  background: url('../../images/btBG.png') no-repeat left;
  background-size: 100% 100%;
}

.BITR {
  color: #59bdff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  cursor: pointer;
  z-index: 9;
}

.IP1S {
  width: 100%;
  align-items: flex-start;
  flex-flow: row wrap;
  justify-content: space-between;
}

.IP1SO {
  width: 32.4%;
  margin-bottom: 8px;
  flex-flow: column;
  justify-content: center;
  background: #23386e;
  border: 1px solid #6b8de0;
}

.IP1SOT {
  width: 100%;
  line-height: 1.4rem;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
  background: linear-gradient(to bottom, #528fc3, #304a85);
  border-bottom: 1px solid #4f62b0;
}

.IP1SON {
  line-height: 1.2rem;
  padding: 0.1rem 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.75rem;
}

.IP1SON > text {
  font-weight: 400;
  font-size: 0.7rem;
  margin-left: 2px;
}

.IP1SOB {
  width: 100%;
  justify-content: center;
  margin-top: -6px;
  padding-bottom: 7px;
}

.IP1SOB1 {
  color: #b3d0fa;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
  white-space: nowrap;
}

.IP1SOB2 {
  color: #ff481f;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.8rem;
  margin: 0 3px;
}

.D1T {
  display: block;
  width: 100%;
  height: 228px;
  cursor: pointer;
  z-index: 9;
}

.D1TB {
  margin: 0.6vw auto;
  line-height: 2rem;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(to right, #1d3f6a, #26f8fd 50%, #1d3f6a);
  z-index: 9;
}

.XSHJ {
  width: 100%;
  margin: 0 auto 0.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.XSHJO {
  color: #76c4fa;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  white-space: nowrap;
  padding: 0 8px;
  margin: 0 3px;
  line-height: 1.4rem;
  border-radius: 20px;
  border: 1px solid #34c8f9;
  background: linear-gradient(to bottom, #1f3c56, #349bf0);
  cursor: pointer;
  z-index: 9;
}

.color1 {
  color: #6bff86;
}

.IP2X {
  margin-bottom: 8px;
}

.IP2XO {
  width: 100%;
  margin-bottom: 5px;
}

.IP2XOT {
  display: block;
  width: 10%;
}

.IP2XOI {
  display: block;
  margin: 0 -4px 0 2px;
}

.IP2XOC {
  width: 100%;
  line-height: 1.6rem;
  padding: 0 8px;
  background: url('../../images/pyKuang.png') no-repeat left;
  background-size: 100% 100%;
}

.IP2XOC1 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  margin-right: 12px;
}

.IP2XOC2 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1rem;
}

.IP2XOC2 > text {
  font-weight: 400;
  font-size: 0.7rem;
  margin-left: 2px;
}

.IP2Z {
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 8px;
  justify-content: space-between;
  border-bottom: 1px solid #36465e;
}

.IP2Z:last-child {
  border-bottom: none;
}

.IP2ZL {
  width: 100px;
  height: 100px;
  flex-flow: column;
  justify-content: center;
  padding: 5px;
  border-radius: 50%;
  background: linear-gradient(to right, #4afcff, #4aaeff);
  border: 4px solid rgba(0, 0, 0, 0.5);
}

.IP2ZLC {
  width: 90px;
  height: 90px;
  padding: 5px;
  flex-flow: column;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.9rem;
  background: #254b88;
  border: 4px solid #253f61;
}

.IP2ZR {
  width: 62%;
  white-space: nowrap;
}

.IP2ZRC {
  line-height: 1.44rem;
  margin-bottom: 6px;
  padding: 0 6px 0 14px;
  background: url('../../images/jybg1.png') no-repeat left;
  background-size: 100% 100%;
}

.IP2XOC1 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.75rem;
  margin-right: 8px;
}

.IP2ZRC2 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.875rem;
}

.IP2ZRC2 > text {
  font-weight: 400;
  font-size: 0.7rem;
  margin-left: 2px;
}

.BIT2 {
  width: 100%;
  margin-bottom: 0.5vw;
  justify-content: space-between;
  background: url('../../images/jybg1.png') no-repeat;
  background-size: 100% 100%;
}

.BIT2L {
  width: 80%;
  line-height: 1.6rem;
  padding: 0 8px 0 20px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
}

.BIT2L > text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.95rem;
  margin-left: 10px;
}

.BIT2R {
  color: #7cc7fa;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  z-index: 9;
}

.XSHW {
  width: 90%;
  margin: 0 auto 0.5vw;
  flex-flow: wrap row;
}

.XSHWO,
.XSHKO {
  line-height: 1.4rem;
  padding: 0 1.6vw;
  color: #76c4fa;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  white-space: nowrap;
  margin: 0 6px;
  border-radius: 20px;
  border: 1px solid #34c8f9;
  background: linear-gradient(to bottom, #1f3c56, #349bf0);
  cursor: pointer;
  z-index: 9;
}

.XSHX {
  width: 80%;
  margin: 0 auto 0.5vw;
  justify-content: center;
}

.XSHXB {
  color: #76c4fa;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  white-space: nowrap;
  padding: 0 8px;
  margin: 0 6px;
  line-height: 1.4rem;
  border-radius: 20px;
  border: 1px solid #34c8f9;
  background: linear-gradient(to bottom, #1f3c56, #349bf0);
  cursor: pointer;
  z-index: 9;
}

.XSHR {
  width: 100%;
}

.XSHRO {
  width: 100%;
  justify-content: space-between;
  white-space: nowrap;
}

.XSHROI {
  display: inline-block;
  width: 6.5%;
}

.XSHROC1 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
}

.XSHROC2 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.7rem;
  margin: 0 4px;
}

.XSHROC2 > text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
}

.XSHROC3 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
}

.IP3X {
  width: 100%;
}

.IP3XO {
  width: 100%;
  margin-top: 0.5vw;
  cursor: pointer;
  z-index: 9;
}

.IP3XI {
  display: block;
  width: 26.5%;
}

.IP3XC {
  width: 71%;
  padding: 8px 10px 8px 24px;
  margin-left: -1vw;
  background: url('../../images/xliceBG.png') no-repeat left;
  background-size: 100% 100%;
}

.IP3XC1 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1rem;
  margin-top: 3px;
}

.IP3XC1 > text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
  margin-left: 4px;
}

.IP3XC2 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.75rem;
}

.IP4F {
  width: 100%;
  margin-bottom: 0.4vw;
}

.IP4FI {
  display: block;
  width: 17%;
}

.IP4FO {
  width: 100%;
  margin-bottom: 10px;
  background: #203e5c;
  border-bottom: 1px solid #264864;
}

.IP4FC {
  width: 40%;
  margin-left: 20px;
}

.IP4FC2 {
  width: 28%;
  margin-left: 20px;
}

.IP4X {
  width: 1px;
  height: 1.2vw;
  background: #3e5e87;
}

.IP4FO2 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
}

.IP4FC2C {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1rem;
}

.IP4FC2C text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
}

.IP4FC2 img {
  margin-left: 6px;
}

.IP4S {
  width: 95%;
  margin: 0 auto;
  justify-content: space-between;
  flex-flow: row wrap;
}

.IP4SO {
  width: 48%;
  margin-top: 0.8vw;
  cursor: pointer;
  z-index: 9;
}

.IP4SI {
  display: block;
  width: 55%;
}

.IP4SO:nth-child(1),
.IP4SO:nth-child(2) {
  margin-top: 0;
}

.IP4SS {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  flex-flow: column;
  justify-content: center;
}

.IP4SSI {
  display: block;
  width: 100%;
  top: 0;
  left: 0;
}

.IP4SC {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.95rem;
  text-align: center;
  white-space: nowrap;
}

.IP5C {
  width: 100%;
  margin-bottom: 0.5vw;
}

.IP5Y {
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
  z-index: 9;
}

.IP5YI {
  display: block;
  width: 11%;
  margin-bottom: 6px;
}

.IP5YR {
  width: 85%;
}

.IP5YRT {
  width: 100%;
  justify-content: space-between;
}

.IP5YRT1 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.9rem;
}

.IP5YRT2 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1rem;
}

.IP5YRT2 > text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
  margin-left: 3px;
}

.matd {
  margin-top: 0.4vw;
}

.IP5J {
  width: 100%;
  flex-flow: row wrap;
  justify-content: space-between;
}

.IP5JO {
  width: 48%;
  margin-bottom: 0.4vw;
  flex-flow: column;
  justify-content: center;
  padding-bottom: 4px;
  cursor: pointer;
  z-index: 9;
}

.back1 {
  background: url('../../images/byicebg.png') no-repeat;
  background-size: 100% 100%;
}

.back2 {
  background: url('../../images/byicebg_h.png') no-repeat;
  background-size: 100% 100%;
}

.IP5JO1 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1rem;
  margin-top: -4px;
}

.IP5JO1 > text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.7rem;
  margin-left: 3px;
}

.IP5JO2 {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.85rem;
}

.ECTI {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 4px;
}

#echarts1 {
  width: 100%;
  height: 20.6vw;
  /* height: 408px; */
}

// #echarts2,
// #echarts3 {
//   width: 330px;
//   height: 122px;
// }

/*****************************************************************************************/
.ALC {
  width: 66%;
  height: 90%;
  padding: 4.2vw 2.5vw 1.5vw 4vw;
  background: url('../../images/ALBG.png') no-repeat;
  background-size: 100% 100%;
}

.ALCT {
  width: 80%;
  padding-left: 3vw;
  top: 1.45vw;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1.4rem;
}

.ALXX {
  display: block;
  right: 1.49vw;
  top: 1.35vw;
  z-index: 19;
}

.TABT {
  width: 100%;
}

.TABTO {
  margin-right: 0.8vw;
  cursor: pointer;
  z-index: 12;
}

.TABTOC {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.9rem;
}

.TABTOI {
  display: block;
  width: 0.9vw;
  margin-right: 0.3vw;
}

/**/
.ATAB {
  width: 100%;
  height: 88%;
  margin-top: 0.7vw;
  padding-bottom: 0.5vw;
  overflow: hidden;
  overflow-y: scroll;
  table-layout: fixed;
}

/*总体宽度*/
.ATAB::-webkit-scrollbar {
  width: 8px; /*(竖滚动)*/
  height: 8px; /*(横滚动)*/
  border-radius: 10px;
}

/*总体背景*/
.ATAB::-webkit-scrollbar-track {
  background: #125287;
  border-radius: 10px;
}

/*内条圆角+背景*/
.ATAB::-webkit-scrollbar-thumb {
  background: rgba(41, 131, 204, 1);
  border-radius: 10px;
}

.ATAB table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid rgba(43, 108, 161, 1);
}

thead tr th {
  height: 34px;
  color: #33adff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  background: #103d61;
}

tbody tr td {
  height: 32px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.85rem;
  background: #125287;
}

tbody tr:nth-child(even) td {
  background: #103d61;
}

.ATAB1 td {
  width: calc(100% / 6);
}

.ATAB3 td {
  width: calc(100% / 9);
}

.ATAB4 td {
  width: calc(100% / 7);
}

.ALET {
  width: 35%;
  padding: 0.3vw 1vw 0.3vw 1.5vw;
  background: url('../../images/jybg2.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
}

.ALET > text {
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.9rem;
  margin-left: 0.6vw;
}

.Back3 {
  background: #167327 !important;
}

#echarts4,
#echarts5 {
  width: 100%;
  height: 100%;
}

.ATAB6,
.ATAB7,
.ATAB8 {
  width: 30%;
  height: 98%;
  margin-top: 0;
}

.ATAB6 td {
  width: calc(100% / 2);
}

.ALC6,
.ALC7,
.ALC8 {
  justify-content: space-between;
}

#echarts6,
#echarts7,
#echarts8 {
  width: 69%;
  height: 100%;
}

/**/

.ATAB9,
.ATAB10,
.ATAB11 {
  width: 100%;
  margin-bottom: 1vw;
}

.ATAB9 table,
.ATAB10 table,
.ATAB11 table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid rgba(43, 108, 161, 1);
}

.ATAB9 table tr:nth-child(even) td,
.ATAB10 table tr:nth-child(even) td,
.ATAB11 table tr:nth-child(even) td {
  background: #125287;
}

#echarts9,
#echarts10,
#echarts11 {
  width: 90%;
  height: 72%;
}

.ATAB10 td {
  width: calc(100% / 7);
}

.ATAB11 td {
  width: calc(100% / 13);
}

/***********************************MAP************************/
.Map {
  width: 100%;
  height: 100%;
  padding: 5% 2% 0%;
  align-items: flex-start;
  justify-content: space-between;
  background: url('../../images/ECBG.png') no-repeat top;
  background-size: 100% 100%;
  overflow: hidden;
}

.MAPL {
  width: 30%;
  height: 98%;
}

.MAPLB {
  left: 5px;
  top: -54px;
  justify-content: center;
  line-height: 38px;
  padding: 0 15px;
  color: rgba(145, 210, 255, 1);
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(to bottom, rgba(84, 147, 199, 1), rgba(47, 72, 133, 1));
  border: 1px solid rgba(85, 149, 251, 1);
  border-radius: 6px;
  cursor: pointer;
  z-index: 9;
}
.MAPLBI {
  display: block;
  width: 7px;
  margin-right: 8px;
}

.MAPLC {
  width: 100%;
  height: 100%;
}

.MAPLCT {
  width: 100%;
  padding: 0.65vw 0.7vw 0.55vw 1vw;
  justify-content: space-between;
  background: url(../../images/kuang0.png) no-repeat left;
  background-size: 100% 100%;
}

.MAPLCTL {
  width: 85%;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 1.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.MAPLCTR {
  color: #7ac8ff;
  font-family: 'Microsoft YaHei';
  font-weight: 600;
  font-size: 0.8rem;
  cursor: pointer;
  z-index: 9;
}

.MAPLCX {
  width: 100%;
  height: 94.5%;
  padding: 0 2%;
  background: rgba(28, 82, 133, 0.2);
  border: 1px solid rgba(36, 76, 108, 1);
}

.MAPLCX .ATAB4 {
  height: 97%;
}

.MAPR {
  width: 30%;
  height: 96%;
}

.MAPRE {
  width: 100%;
  height: 96.5%;
  padding: 0 1%;
  background: rgba(28, 82, 133, 0.2);
  border: 1px solid rgba(36, 76, 108, 1);
}

#echarts_jk {
  width: 100%;
  height: 100%;
  margin-top: 3%;
}

#CQYD {
  width: 38%;
  height: 98.5%;
}

#echartsZXT1,
#echartsZXT1_2,
#echartsZXT2,
#echartsZXT2_2 {
  width: 100%;
  height: 100%;
}

#echartsZXT3,
#echartsZXT4 {
  width: 100%;
  height: 92%;
}

.Alert14 .XSHWO,
.Alert15 .XSHWO {
  width: 18%;
  line-height: 1.4rem;
  color: #76c4fa;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 0.8rem;
  text-align: center;
  white-space: nowrap;
  margin: 0 6px 8px;
  border-radius: 20px;
  border: 1px solid #34c8f9;
  background: linear-gradient(to bottom, #1f3c56, #349bf0);
  cursor: pointer;
  z-index: 9;
}

.color2 {
  color: #fff !important;
  font-weight: 600 !important;
}

.color3 {
  color: #fff !important;
  font-weight: 600 !important;
}

.OPAl1,
.IP1SO1,
.IP1SO2,
.IP1SO3,
.IP1SO4,
.IP1SO5,
.IP1SO6 {
  cursor: pointer;
  z-index: 9;
}

.JSZC {
  top: 40%;
  width: 30%;
  margin: 0 auto;
  padding: 1vw 3vw;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  font-size: 1.6rem;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  white-space: nowrap;
  border-radius: 8px;
  overflow: hidden;
  z-index: 10;
}
